<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<script>
		var html = document.getElementsByTagName('html')[0];
		html.style.fontSize = html.clientWidth / 3.75 + "px";
	</script>
	<title>订单详情</title>
	<link rel="stylesheet" href="../static/css/Reset.css" />
	<link rel="stylesheet" href="../static/css/pforderDetail.css" />
</head>
<body style="background:#F2F2F2;">
	<div class="sdd_container" id="container" v-cloak>
		<div class="sdd_orderHead">
			<img class="sdd_adderssIcon" src="../static/images/address.png" />
			<div class="sdd_userMessage">
				<P class="sdd_userName"><i id="username">{{data.order.order.trueName}}</i><span id="shrphone">{{data.order.order.addrMobile}}</span></P>
				<p class="sdd_userAddress" id="xaddress">{{data.order.order.areaInfo}}</p>
			</div>
		</div>
        <div class="liss">
            <img src="../static/images/border.png" alt=""/>
        </div>
        <div class="mjinfo">
        	<p>买家信息</p>
        	 <div class="jtinfo">
        	 	<div class="tou_pic">
        	 		<img src="../static/images/500.jpg" alt="" />
        	 	</div>
        	 	<div class="infos">
        	 		<span class="name">刘长喜</span>
        	 		<span class="city">临沂<img src="../static/images/fq_zuobiao.png" alt="" /></span>
        	 		<span>采购员</span>
        	 	</div>
        	 </div>
        </div>
        <ul class="sdd_service">
			<a href="tel:4000225588"><li id="contackf"><span><img src="../static/images/message.png" />联系客服</span></li></a>
			<a v-bind:href='"tel:"+data.order.order.mobile'><li id="contacmj"><img src="../static/images/phone.png" />联系买家</li></a>
		</ul>
		<div class="sdd_shopMessage">
			<!--<img class="sdd_shopIocn" src="../static/images/shop.png" />
			<span id="farmName">{{data.order.order.farmName}}</span>-->
			购买信息
		</div>
		<div class="sdd_orderMessage">
			<div class="sdd_productImg">
				<img v-bind:src="data.order.orderGoods.mainImage "onerror="javascript:this.src=''" class="mainimages" />
				 <p v-if="data.order.orderGoods.supplyDesc">正在供应</p>
                <p v-if="!data.order.orderGoods.supplyDesc">已下市</p>
			</div>
			<div class="sdd_productDetails">
				<p class="sdd_productTitle"><i class="sdd_tag" id="goodsclass">{{data.order.orderGoods.goodsClassName}}</i><i id="goodsName">{{data.order.orderGoods.goodsName}}</i></p>
				<p class="" id="gysupply">产量：{{data.order.orderGoods.totalSupply}}<span class="wz_unit"> {{data.order.orderGoods.unit}}</span></p>
				
				<p id="rangeBegin" class="fl_l">起批：{{data.order.orderGoods.rangeBegin}}{{data.order.orderGoods.unit}}</p>
				<p class="flr" v-if="data.order.orderGoods.price"><span class="sdd_proPrice" id="preics">¥{{data.order.orderGoods.price}}</span><span class="wz_unit kl">/{{data.order.orderGoods.unit}}</span></p>
				<p class="flr" v-if="!data.order.orderGoods.price"><span class="sdd_proPrice" >可议</span></p>
			</div>
		</div>
		<div class="orderList">
			<p>商议单价<span class="dyj" id="sydj">{{data.order.order.goodsPrice}}<span class="wz_unit">元/{{data.order.orderGoods.unit}}</span></span></p>
			<p>商议总量<span class="dyj" id="syzj">  {{data.order.order.goodsAmount}}<span class="wz_unit">{{data.order.orderGoods.unit}}</span></span></p>
			<p>合计金额<span class="dyj" id="totalAmount"></span></p>
		</div>
		<div class="sjpay">
			<p>实际支付<span>买家需对支付金额进行确认</span></p>
			<div class="moey">
				43000.00元
			</div>
		</div>
		<div class="bzinfo">
			<p class="ti">备注信息</p>
			<p class="nremak">还不错，包装完好，服务很到位还不错，包装完好，服务很到位</p>
		</div>
		<div class="ordersm">
			<p class="dtle">订单说明</p>
			<p class="dtletext">根据双方实际约定金额输入，最终支付将按实际金额付款。
郑重说明：您支付的款项将进入托管账户，在您未完成交易并点击确认付款时，资金将不会进入商家账户。由连连支付、微信支付、支付宝支付、社员网多方联合保障您的财产安全，请放心使用。
运费承担按照卖家创建商品时的选择，如果是双方协商，请按照实际，多退少补。
</p>
		</div>
		<div class="sdd_orderDetails">
			
            <div class="tstext">
                <span class="sdd_name lok">实付金额({{data.order.orderGoods.freightCharge}})</span>
			<span class="contract">
				<input type="number" name="contractTotal" class="content" id="contractTotal" v-model="contractTotal" value="{{contractTotal}}" />
				<i class="clear yanw"><img src="../static/images/del.png" alt="" /></i>
			</span>
                <span class="sdd_num " id="fixmoney"></span>
                <span class="sdd_num " id="moyc">{{data.order.order.payAmount}}元</span>
            </div>
			<div class="sdd_line"></div>
			<p>买家留言</p>
			<p class="sdd_remark" id="remarks">{{data.order.order.remark}}</p>
		</div>
		
		<!--<div class="sdd_noticeDiv">
			<div class="sdd_notice">交易须知</div><img class="sdd_noticeIcon" src="../static/images/notic.png" />
			<p>实际金额：根据双方实际商定结果输入金额，最终按照实际金额支付订单货款。郑重说明：买家支付的款项将进入托管账户，在买家付款后，将由社员汇先行给您结算，保障买家和您的利益。请放心使用。</p>
		</div>-->
		<div class="sdd_uploadImg" id="wy_sc">
		    <p class="scwli">上传物流凭证<span>(非必须)</span></p>
		    <div class="sdd_uploadImg">
				<ul class="sdd_upload" id="sdd_uploads">
					<li class="imgs" v-for="mainImg in mainImage">
						<img :src="mainImg" class="wyl_imgup">
						<span class="clearpic"><img src="../static/images/clearpic.png" alt=""/></span>
					</li>
				</ul>
				<div id="uploadMainImgBtn" class="uploadImgBtn">
					<p id="sdd_upload">添加主图</p>
				</div>
			</div>
	    </div>
		<div class="sdd_orderForm">
			<div class="ddk">订单信息</div>
			<p id="da">订单编号：<span id="orderNum">{{data.order.order.orderNo}}</span></p>
			<p id="jyl">连连交易号：<span id="orderzf">{{data.order.order.orderPayNo}}</span></p>
			<p id="cjs">创建时间：<span id="creatime">{{data.order.order.createTime}}</span></p>
			<p id="xgs">修改时间：<span id="fixtime">{{data.order.order.confirmOrderTime}}</span></p>
            <p id="fhs">付款时间：<span id="paytime">{{data.order.order.payTime}}</span></p>
			<p id="ques">确认时间：<span id="qrtime">{{data.order.order.finishTime}}</span></p>
		</div>
	
		
	    
		<!--通知买家付款-->
		<div class="sdd_orderBtn hide" id="one">
			<div class="sdd_orderSum"><span>实付金额：</span><span class="sdd_orderPrice">¥{{contractTotal}}</span></div>
			<div class="sdd_commit sdd_red pd05" id="sumitagin">确认实付金额<br>通知买家付款</div>
		</div>
		<!--等待买家支付-->
		<div class="sdd_orderBtn hide" id="two">
			<div class="sdd_orderSum"><span>实付金额：</span><span class="sdd_orderPrice">¥{{contractTotal}}</span></div>
			<div class="sdd_commit">等待买家支付</div>
		</div>
		<!--等待买家确认-->
		<div class="sdd_orderBtn hide" id="three">
			<div class="sdd_orderSum"><span>实付金额：</span><span class="sdd_orderPrice">¥{{contractTotal}}</span></div>
			<div class="sdd_commit sdd_rcolor">等待买家确认</div>
		</div>
		<!--已完成-->
		<div class="sdd_orderBtn hide" id="four">
			<div class="sdd_orderSum"><span>实付金额：</span><span class="sdd_orderPrice">¥{{contractTotal}}</span></div>
			<div class="sdd_commit sdd_gray">已完成</div>
		</div>
		<!--交易关闭-->
		<p class="sdd_cancelled hide" id="five">交易关闭</p>
	    <div class="tanceng">
	        <p class="title">提示</p>
	        <div class="textben">
	                                请再次确认金额如果确定，即按
	                                此价格通知买家付款，无法更改
	        </div>
	        <div class="xcf">
	            <div class="bot">
	            </div>
	            <div class="choose">
	                <span class="bor delqx">取消</span>
	                <span class="enter">确定</span>
	            </div>
	        </div>
	    </div>
	    <div class="overlay"></div>
	</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/webuploader.html5only.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/commons.js"></script>
<script type="text/javascript" src="./js/pfPicsUploads.js"></script>
<script type="text/javascript" src="./js/pforderDetail.js"></script>
</html>
